<!--
 * @Descripttion: GGB
 * @version: 1.0
 * @Author: GGB
 * @Date: 2021-12-11 16:36:31
 * @LastEditors: GGB
 * @LastEditTime: 2021-12-11 17:26:40
-->
<script lang="jsx">
import { ref } from "vue";
export default {
    setup() {
        const counter = ref(0)
        const onclick = () => counter.value++
        return () => (
            <>
                <div>comp</div>
                <p onClick={onclick}>{counter.value}</p>
            </>
        )
    }
}
// 原始写法
// export default {
//     data() {
//         return {
//             counter: 0
//         }
//     },
//     render() {
//         return (
//            <>
//             <div>comp</div>
//             <p onClick={this.onclick}>{this.counter}</p>
//            </>
//         )
//     },
//     methods: {
//         onclick() {
//             this.counter++
//         }
//     },
// }
</script>
